19 Brand New HTML5 Slideshow Examples Roundup

1. Draggable Infinite Grid with Lightbox

featured image

In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the examples are provided in the download files). The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Four display types are included: fluid width, full screen, flexible and lightbox (check out examples!). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. HTML5 Audio Player with Playlist

featured image

A simple and powerfull HTML5 music player for your website with flash backup for older browsers. All demo examples included in the download package for easy setup, plus example with multiple instances included as well, each one with its own api methods side by side.FLASH fallback included for older browsers that dont support HTML5 audio.Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

4. PlayIt - Your Media! Your Way!

featured image

- Easy to follow examples and quick start templates

- Formats: HTML5 then mp4, ogg, webm, wmv, mp3, wav, wma, flv

More Details

5. Versatile Touch Slider

featured image

See below the main features and click on Live Preview to see some examples.Easy to configure and use (Examples included);

Video and Audio with HTML5 support.

More Details

6. FueledWeb Pro Thumbnail Scroller

featured image

FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery. Hit the Live Preview page for complete description of features, examples and plugin settings. Option to auto start slideshow with play and pause button

More Details

7. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

8. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Some Examples:

net/3d-html5-slider/

3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Option to set shuffle mode for slideshow

Examples

Add new feature: Shuffle mode for slideshow

More Details

9. jquery Slider Zoom In/Out Effect Fully Responsive

featured image

supports YouTube, Vimeo, HTML5 or other video player

Also, all the examples present in the preview are included in the download . banner rotator, caption, fluid, gallery, image, jquery, mobile, ios, plugin, resizable, responsive, slider, slideshow, swipe, touch

More Details

10. HTML5 Video Gallery with Live Playlist

featured image

HTML5 Video Gallery with a cool ‘Live playlist’ feature could be used as video gallery, video player or any kind of video showcase. All demo examples included in the download package for easy setup.HTML5 video with flash fallback for older browsers

Real html5 fullscreen (in supported browsers)

Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

HTML5 Audio Player With Playlist Wordpress Plugin

More Details

11. Youtube Vimeo Gallery Background

featured image

All demo examples included in the download package for easy setup.Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

12. Responsive Video Gallery HTML5 Youtube Vimeo

featured image

Player supports HTML5 and HTML5 gallery backup, Youtube and Vimeo with multiple layout configurations. All demo examples included in the download package for easy setup. Supports HTML5 and flash video player backup, Youtube and Vimeo

HTML5 Video & Image Background Intro

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

More Details

13. HTML5 Video & Youtube background

featured image

HTML5 video and youtube gallery / background with Flash backup for older browsers and many customization options and special features like skip intro with cookie detection.All demo examples included in the download package for easy setup.HTML5 video with Flash backup, Youtube video

Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

14. Slider Revolution Responsive jQuery Plugin

featured image

Vimeo & Youtube and joomla HTML5 slideshow Supported

Estancia Responsive HTML5 Theme (ignitethemes)

Reverance Responsive HTML5 Church Theme (ignitethemes)

Added: Examples like LazyLoad, Aligns, Fullscreen, Fullscreen-with-offsets, html5,vimeo and download youtube videos mp3

Feature: HTML5 Video (videoJS) and added data- options like

option added to laod the HTML5 js files via videoJsPath:”rs-plugin/videojs/”

More Details

15. Responsive Gridfolio

featured image

In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The Responsive Gridfolio is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

16. HTML5 Flow Responsive Slider

featured image

The HTML5 Flow Responsive Slider has a flexible / fluid / responsive layout, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The HTML5 Flow Responsive Slider comes in with four different embed styles: Fixed Dimensions, Full Width, Full Screen and Flexible Style, please not that the flexible style will make the slider adapt the width and height based on the html element into which is embedded so for example if you want to add the slider in a div and that div has a 100% height the slider will adapt based on that, this is a unique and amazing feature. This HTML5 Flow Responsive Slider plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file. Bottom bar used as a holder for the scrollbar or buttons, if the bar is disabled the images will be displayed on the entire screen and the buttons will be displayed over the images, make sure you check all examples to see this in action (optional). Slideshow preloader bar, the color and opacity for this bar can be modified. Keyboard support you can navigate between images with the right and left keys and start or stop the slideshow with the space key.

More Details

17. JQuery Thumbnail Gallery With LightBox

featured image

All demo examples included in the download package for easy setup. Toggle inner slideshow number (start/stop)

Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

18. jQuery MultiTransition Gallery Sliders Collection

featured image

slideshow toggle now pauses/resumes actual ken burns animation

added optional html5 music player for gallery (with flash backup for older browsers)

All demo examples included in the download package for easy setup. Optional advance slideshow to next category (loop categories).Toggle slideshow

Include video in slideshow

HTML5 Video & Image Background Intro

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

JQuery Ken Burns Fullscreen Gallery Slideshow

More Details

19. jQuery Slice Banner Slideshow with Captions

featured image

Optional pause slideshow on hover

Youtube and Vimeo API examples included for controling video on slide change

Toggle slideshow

Toggle slideshow delay

HTML5 Video & Youtube Background Intro

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

JQuery MultiMedia Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

More Details

20. jQuery Accordion MultiPurpose Gallery Slideshow

featured image

This powerfull gallery slideshow offers ability to display more slides than visible, with an easy scroll through navigation, making it very powerfull in displaying large collection of data.All demo examples included in the download package for easy setup. Set slideshow global delay or individual delay per slide

Toggle slideshow (start/stop)

Set slideshow delay

HTML5 Video & Youtube Background Intro

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

JQuery MultiMedia Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

More Details